<template>
	<div class="swiper_cont">
		<mt-swipe :auto="2000">
		  <mt-swipe-item>
		  	<a href="#">
		  		<img src="../assets/images/banner1.jpg">
		  	</a>
		  </mt-swipe-item>
		  <mt-swipe-item>
		  	<a href="#">
		  		<img src="../assets/images/banner2.jpg">
		  	</a>
		  </mt-swipe-item>
		  <mt-swipe-item>
		  	<a href="#">
		  		<img src="../assets/images/banner3.jpg">
		  	</a>
		  </mt-swipe-item>
		  <mt-swipe-item>
		  	<a href="#">
		  		<img src="../assets/images/banner4.jpg">
		  	</a>
		  </mt-swipe-item>
		</mt-swipe>
	</div>

</template>

<script>
	import { Swipe, SwipeItem } from 'mint-ui';
	export default{
		components:{Swipe, SwipeItem},
		data(){
			return{

			}
		},
		methods:{

		},
		mounted(){

		}
	}
	

</script>

<style lang="scss">
	.swiper_cont{
		height:200px;
		img{width:100%;}
	}
</style>